<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title></title>
</head>

<body>
  <div>
    <div class="header">
      <p>实习任务：文件解压缩</p>
      
    </div>
    <div class="content">
      <button id="switch">显示unzip页面</button>
      <button id="unswitch">显示zip页面</button>
     
      <div id="uncompress">
        <div>
          <input type="file" id="file">
          <button type="button" id="tijiao">上传文件（该功能不能使用)</button>
        </div>
        </br>
        FilePath：<input id="demo" placeholder="文件路径" value="F:\\test\\11187.zip">
        </br>
        TargetPath：<input id="demo1" placeholder="目标路径" value="F:\\test">
        </br>

        <button id="demo2">解压缩</button>
        <div id="view">
          <ul id="message"></ul>
          <ul id="note"> </ul>
        </div>
      </div>
      <div id="compress">
        <div>
          <input type="file" id="file">
          <button type="button" id="tijiao">上传文件（该功能不能使用)</button>
        </div>
        </br>
        FilePath:<input id="formal" placeholder="文件路径"><br><br>
        TargetPath：<input id="formal2" placeholder="目标路径"><br><br>
        Format:<input id="formal7" placeholder="压缩格式"><br>
        <button id="formal3">压缩</button>
        <div id="formal4">
          <ul id="message"></ul>
          <ul id="note"></ul>
          </ul>
        </div>
      </div>
    </div>
    <div class="footer">
      注解：为北京数科网维实习任务
    </div>
  </div>
  <script src="http://127.0.0.1:8090/bundle.js"></script>
</body>

</html>